<lv-group lvGutter="48px">
  <button lv-button (click)="openPanel()" [lvLoading]="loading" #overlayBtn>{{ text }}</button>
  <button lv-button (click)="openDelayedOff()" #overlayBtnDelayedOff style="margin-left: 20px">Delayed Off</button>
</lv-group>

<ng-template #template>
  <div [@showItem]="animationState" (@showItem.done)="onAnimationDone($event)" class="ui-overflow">
    This is Content...
    <br />
    This is Content...
    <br />
    This is Content...
    <br />
    <button lv-button lvSize="auto" lvType="link" (click)="closePanel()">Close</button>
  </div>
</ng-template>

<ng-template #templateDelayedOff>
  <div class="ui-overflow">
    This is Content...
    <br />
    This is Content...
    <br />
    This is Content...
    <br />
    <div style="color: red">Overlay after {{ timer }}s close</div>
  </div>
</ng-template>
